<#include "nav.ftl"/>
<html>
	<head>
		<link rel="stylesheet" type="text/css" href="css/main.css"/>
	</head>
	<body>
		<div class="middle">
			<div class="middle_left">
				<div class="akiba_panel">
					<h3 class="panel_title">
					<a href="search?state=serialize"><img src="images/new.png"/></a>
					</h3>
					<ul class="anime_context">
						<#list recentAnimes as recentAnime>
							<#if recentAnime_index ==15>
								<#break>
							</#if>
							<li class="anime">
								<a href="animeInfo?animeId=${recentAnime.id}">
									<img class="cover" src="${coverPath}${recentAnime.cover_url}"/>
									<div class="anime_name" title="${recentAnime.name}">${recentAnime.name}</div>
								</a>
							</li>
						</#list>
					</ul>
				</div>
				<div class="akiba_panel">
					<h3 class="panel_title">
					<a href="search?state=end"><img src="images/end.png"/></a>
					</h3>
					<ul class="anime_context">
						<#list endAnimes as endAnime>
							<#if endAnime_index ==15>
								<#break>
							</#if>
							<li class="anime">
								<a href="animeInfo?animeId=${endAnime.id}">
									<img class="cover" src="${coverPath}${endAnime.cover_url}"/>
									<div class="anime_name" title="${endAnime.name}">${endAnime.name}</div>
								</a>
							</li>
						</#list>
					</ul>
				</div>
				<div class="akiba_panel">
					<h3 class="panel_title">
					<a href="search?state=pv"><img src="images/pv.png"/></a>
					</h3>
					<ul class="anime_context">
						<#list pvAnimes as pvAnime>
							<#if pvAnime_index ==15>
								<#break>
							</#if>
							<li class="anime">
								<a href="animeInfo?animeId=${pvAnime.id}">
									<img class="cover" src="${coverPath}${pvAnime.cover_url}"/>
									<div class="anime_name" title="${pvAnime.name}">${pvAnime.name}</div>
								</a>
							</li>
						</#list>
					</ul>
				</div>
			</div>
			<div class="middle_right">
			</div>
		</div>
	<body>
</html>